<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/HeaderTopMenuTemplate.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="conteudo">
        <p:panel id="pnlFiltro" header="Filtro">
            <h:panelGrid columns="2">
                <p:outputLabel for="txtFiltroNome" value="Nome:" styleClass="negrito" />
                <p:inputText autocomplete="true" id="txtFiltroNome" size="30" maxlength="100" value="#{usuarioConsultarManagedBean.filtroNome}" />
            </h:panelGrid>   
            <h:panelGrid columns="5">
                <p:commandButton id="btnPesquisar" 
                                 value="Pesquisar" 
                                 action="#{usuarioConsultarManagedBean.onBotaoPesquisarClick}"
                                 ajax="true" update="dtlResultadoPesquisa"
                                 icon="ui-icon-search" />
                <p:commandButton id="btnCancelar" 
                                 value="Cancelar" 
                                 action="#{usuarioConsultarManagedBean.onBotaoCancelarClick}"
                                 ajax="true" update="dtlResultadoPesquisa,txtFiltroNome" icon="ui-icon-cancel" />
                <p:commandButton id="btnNovoRegistro" 
                                 value="Novo Registro" 
                                 action="/usuarioCadastroForm.xhtml"
                                 immediate="true" ajax="false" icon="ui-icon-document" />
            </h:panelGrid>
        </p:panel>
        <f:verbatim><br/></f:verbatim>
        <p:panel id="pnlResultadoPesquisa" header="Resultado Pesquisa">
            <p:dataTable id="dtlResultadoPesquisa" 
                         value="#{usuarioConsultarManagedBean.usuariosList}"
                         var="usuario">
                <p:column headerText="Deletar" width="10%" style="text-align: center">
                    <p:commandButton actionListener="#{usuarioConsultarManagedBean.deletarUsuario(usuario.id)}" id="iconOnly" 
                                     action="/usuarioConsultaForm.xhtml"
                                     icon="ui-icon-trash" title="Deletar" ajax="false"/>
                </p:column>

                <p:column headerText="Código" width="10%" style="text-align: center">
                    <h:link value="#{usuario.id}" outcome="/usuarioCadastroForm.xhtml" >
                        <f:param name="id" value="#{usuario.id}" />
                    </h:link>
                </p:column>
                <p:column headerText="Nome">
                    <h:outputText value="#{usuario.nome}"/>
                </p:column>
                <p:column headerText="Login">
                    <h:outputText value="#{usuario.login}"/>
                </p:column>

            </p:dataTable>
        </p:panel>
    </ui:define>

</ui:composition>
